<template>
  <div>
    <!-- <div v-title>常见问题</div> -->
    <div class='warpper'>
      <div class='cf' @click="guoziflag=!guoziflag">
        <span>一、为何要开通银行存管账户？<i></i></span>
      </div>
      <div class="zhanshi" v-show="guoziflag">
        <p>资金由银行直接存管，平台仅可根据您的交易指令进行充值、提现、投资等相关操作，做到资金与交易的分离，平台无法直接接触资金，避免资金被直接挪用。不开通银行存管账户无法进行投资!</p>
      </div>
      <div class='cf' @click="cunguanflag=!cunguanflag">
        <span>二、银行存管有哪些好处<i></i></span>
      </div>
      <div class="zhanshi" v-show="cunguanflag">
        <p>1、	资金有效隔离，平台资金与用户资金分账管理，资金流转，不经过平台。</p>
        <p>2、	符合监管要求，保障用户权益，积极响应银监会，下发的各项监管指导意见。</p>
        <p>3、	账户独立安全，用户在存管银行开通个人账户，银行保管账户信息。</p>
      </div>
      <div class='cf' @click="hlwflag=!hlwflag">
        <span>三、存管开户流程<i></i></span>
      </div>
      <div class="zhanshi" v-show="hlwflag">
        <p>1、没开通存管的用户可以在【账户】中，点击【个人设置】进入【开通存管】页面输入姓名、身份证号、银行卡号、手机号，点击“开通存管”。</p>
        <p>2、根据提示完成电子账户开户操作。</p>
        <p>3、开户完成后设置存管交易密码。</p>
      </div>
      <div class='cf' @click="ruanzhuflag=!ruanzhuflag" >
        <span>四、如何绑定银行卡？<i></i></span>
      </div>
      <div class="zhanshi" v-show="ruanzhuflag">
        <p>存管开户时需输入真实姓名、身份证号、银行卡号。在开户页面输入银行卡号即可绑卡成功。</p>
        <img class="picture" v-bind:src="cgzl1" @click="onshow(cgzl1)">
        <p style="text-align: center">可绑定的银行卡及充值限额表</p>
      </div>
      <div class='cf' @click="lvshiflag=!lvshiflag">
        <span>五、是否可以解绑/更换银行卡？<i></i></span>
      </div>
      <div class="zhanshi" v-show="lvshiflag">
        <p>解绑/更换银行卡，可咨询客服处理！</p>
      </div>
      <div class='cf' @click="danbaoflag=!danbaoflag">
        <span>六、银行存管上线，对提现有什么影响？<i></i></span>
      </div>
      <div class="zhanshi" v-show="danbaoflag">
        <p>提现申请经平台审核通过后，提交到银行。银行会在收到申请的当日受理，下一个工作日到账；遇双休日、国家法定节假日，到账日期顺延。</p>
      </div>
    </div>
    <a href="javascript:;" class="motai" v-show="motai" @click="motai=!motai"><img v-bind:src="imgsur"></a>
  </div>
</template>
<script>
  export default {
    data: function() {
      return {
        guoziflag:false,
        cunguanflag:false,
        hlwflag:false,
        ruanzhuflag:false,
        lvshiflag:false,
        danbaoflag:false,
        motai:false,
        cgzl1 : require('../../../static/assets/cgzl1.png'),
        imgsur:'',
      }
    },
    methods:{
      onshow:function(src){
        this.imgsur=src
        this.motai=true
      }
    }
  }
</script>
<style lang='less' scoped>
  .motai{
    width:100%;
    height:100%;
    background: rgba(0,0,0,.5);
    position: fixed;
    left:0;
    top:0;
    img{
      width:100%;
      height: 10rem;
      position: fixed;
      left:0;
      top:0;
      bottom:0;
      right:0;
      margin: auto;
    }
  }
  .warpper {
    background: #fff;
    .cf {
      a {
        display: inline-block;
        width: 100%;
        height: 100%;
      }
      span {
        color: #060606;
        border-top: 1px solid #d9d9d9;
        font-size: .32rem;
        width: 100%;
        padding-left: .35rem;
        height:1.02rem;
        line-height: 1.02rem;
        display: block;
        position: relative;
        box-sizing: border-box;
        i {
          display: inline-block;
          width: .2rem;
          height: .36rem;
          background: url('../../../static/assets/blink.png') no-repeat 50% 50%;
          background-size: 100%;
          float: right;
          position: absolute;
          right: .25rem;
          top: .3rem;
        }
      }
    }
    .zhanshi{
      text-align: center;
      padding-bottom: .3rem;
      p{
        font-size: .3rem;
        line-height: .35rem;
        color: #333;
        text-align: left;
        padding: 0 .4rem .1rem;
      }
      .guozi{
        width:5.42rem;
        height:3.75rem;
        margin: 0.2rem auto 0;
      }
      .picture{
        width: 4rem;
        height:5.7rem;
        margin: 0.2rem auto 0;
      }

    }
  }
</style>
